<template>
  <div style="position:relative;top:46px;"> 
    <div class="box">
         <div class="title">
          <img src="../assets/u612.png" alt="">
        </div>
        <div class="con">
            <div class="con_ti">提交投保成功</div>
            <div>订单号：12345679845674897</div>
            <div>投保单号：D68735486341FZ</div>
            <div>正在核保，请稍后...</div>
        </div>
    </div>
     

      <div class="btnCon"> 
        <van-button size="large" type="default" @click="toOrder">查看订单详情</van-button>
    </div>
  </div>
</template>

<script>
import navbar from "../components/navbar.vue";

export default {
  components: { navbar },
  data() {
    return {
    }
  },
  methods: {
   toOrder:function(){
        this.$router.push({
              name: "orderList",
              query: {
              
              }
            }); 
   }
  }
};
</script>
<style scoped lang="scss">
.box{
    background:#fff ;
    .title{
        padding: 0.5rem;
        text-align: center;
        img{
            width: 2rem;
        }
    }
    .con{
        text-align: center;
        padding-bottom: 0.2rem;
        .con_ti{
            font-size: 18px;
            color: rgb(0, 0, 0);
            padding: 0.1rem;
        }
    }
    
}
 .btnCon{
        width: 10rem;
        position: fixed;
        bottom: 0;
        background: #fff;
    }
</style>
